<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>最近七天统计</title>
    <link rel="stylesheet" href="../../css/basic.css">
    <style type="text/css">
        .data-list{
            padding-top: 0.5rem;
            width: 90%;
            height: auto;
            margin: auto;
            font-size: 0.28rem;
            color: #666;
        }
        .data-list tbody tr{
            font-size: 0.28rem;
            height: 0.8rem;
            width: 100%;
        }
        .data-list tbody tr td{ border-bottom: 1px solid #CFCFCF;
            text-align: center;width: 25%}
        .order-num{height: 1rem;width: 92%;line-height: 1rem;
            margin: auto}
        .order-num span{font-size: 0.28rem;color: #666;margin:0 0.1rem }
        .order-list{overflow: hidden;width: 96%;height: auto;margin: auto}
        .order-list li{
            text-align: center;
            float: left;
            width: 2rem;
            background-color:  #F23A38;
            border-radius: 0.1rem;
            height: 2rem;
            margin: 0 0.2rem;
            display: table;
        }
        .order-list li div{
            font-size: 0.28rem;
            color: white;
            line-height: 0.5rem;
            display: table-cell;
            vertical-align: middle;
        }
    </style>
    <script src="../../../master/lib/basicSize.js"></script>
</head>
<body>
<div class="top-nav-area">
    <ul>
        <a class="back-a" href="javascript:history.back(-1)"></a>
        <li>最近七天统计</li>
    </ul>
</div>
<!--主体↓-->
<div class="main-body-area">
    <div class="order-num">
        <span style="float: left">接单转化率(上月)：
            <span style="color:#F23A38 ">5%</span>
        </span>
        <span style="float: right;color: #F23A38;font-size: 0.35rem">↓</span>
        <span style="float: right">对比上月</span>
    </div>
    <ul class="order-list">
        <li>
            <div>
                <span>推送订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>报价订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>雇佣订单数</span><br>
                <span>66</span>
            </div>
        </li>
    </ul>
    <table class="data-list" cellspacing="0">
        <tr>
            <td>日期</td>
            <td>推送订单</td>
            <td>报价订单</td>
            <td>雇佣订单</td>
        </tr>
        <tr>
            <td>2017.09.09</td>
            <td>20</td>
            <td>10</td>
            <td>20</td>
        </tr>
        <tr>
            <td>2017.08.09</td>
            <td>30</td>
            <td>60</td>
            <td>20</td>
        </tr>
        <tr>
            <td>2017.08.09</td>
            <td>30</td>
            <td>60</td>
            <td>20</td>
        </tr>
    </table>
</div>
</body>
</html>